<!DOCTYPE html>
<html>
<head lang="zh-CN">
    <meta charset="utf-8">
    <title>菜</title>
    <style>
        #borderimg1 {
            border: 10px solid transparent;
            padding: 15px;
            border-image: url("../media_resourcing/border.png") 30 round;
        }

        #borderimg2 {
            border: 10px solid transparent;
            padding: 15px;
            border-image: url("../media_resourcing/border.png") 30 stretch;
        }
    </style>
</head>
<body>
<p id="borderimg1">在这里，图像平铺（重复），以填补该地区。</p>
<h1>换行</h1>
<br>
<p id="borderimg2">在这里，图像被拉伸以填补该地区</p>

</body>
</html>